@media (max-width: 767px) {

.footer-top  { display: none;}
.footer-res { display: block !important; text-align: left;}
.footer-middel.hidden-xs { display: block !important;}
.footer-res h2, .footer-res p, .footer-res li { text-align: left !important;}
.footer-res .panel { display: none;}
h2.resclick { background: transparent url("../../images/arr_down_big.png") no-repeat scroll left center; background-size: 17px auto; margin-bottom: 14px; padding-left: 24px; font-size: 1.28571rem; font-style: italic; font-weight: 400; margin-top: 10px; color: #f2f2f2; cursor: pointer; display: inline-block;}
@media (max-width: 325px) and (min-width: 315px){
  h2.resclick{
    padding-left: 21px!important;
  }
}
@media (max-width: 375px) and (min-width: 365px){
  h2.resclick{
    padding-left: 21px!important;
  }
}
@media (max-width: 420px) and (min-width: 410px) {
  h2.resclick {
    padding-left: 23px!important;
  }
}
@media (max-width: 570px) and (min-width: 550px) {
  h2.resclick {
    padding-left: 24px!important;
  }
}
.footer-res .panel a { color: #c0c0c0 !important; text-transform: uppercase;}
.footer-res .panel a:hover { color: #c85a1e !important;}
.footer-res .panel span { font-size: 15px !important; color: #c0c0c0 !important;}
.footer-res .panel ul { margin: 0; padding: 0;}
.footer-res .panel { padding-left: 30px;}
}